<template>
	<view class="">
		<swiperGoods :autoplay="false" :dataList="list" @clickItem="clickItem"></swiperGoods>
	</view>
</template>

<script>
	import swiperGoods from '@/uni_modules/liu-swiper-goods/components/liu-swiper-goods/liu-swiper-goods.vue'
	export default {
		components: {
			swiperGoods
		},
		data() {
			return {
				list: [{
					id: '1',
					title:"咸鱼帮卖",
					label: '最高￥393',
					desc: '这个是商品1的一段描述文字，内容自定义',
					img: 'https://cdn.pixabay.com/photo/2020/05/19/13/35/cartoon-5190860_1280.jpg',
					appendInfo:'全程托管',
					space:'免费上门',
					activeColor:'#40c0e4',
					backgroundColor:'#def3fa'
				}, {
					id: '2',
					title:"极速回收",
					label: '去参与',
					desc: '这个是商品2',
					img: 'https://cdn.pixabay.com/photo/2021/07/22/11/25/rabbit-6485072_1280.jpg',
					appendInfo:'好厉害啊',
					space:'免费上门',
					activeColor:'#40c0e4',
					backgroundColor:'#def3fa',
					spaceColor:'#c23f4e'
				}, {
					id: '3',
					title:"咸鱼帮卖",
					label: '29.9',
					desc: '这个是商品3的一段描述',
					img: 'https://cdn.pixabay.com/photo/2022/03/31/14/53/camp-7103189_1280.png',
					appendInfo:'我爱你们',
					space:'好物等你兑',
					activeColor:'#59b564',
					backgroundColor:'#def3fa',
					spaceColor:'#c23f4e'
				}, {
					id: '4',
					title:"咸鱼帮卖",
					label: '29.9',
					desc: '这个是商品4',
					img: 'https://cdn.pixabay.com/photo/2022/11/29/19/05/boho-7625140_1280.jpg',
				}, {
					id: '5',
					title:"咸鱼帮卖",
					label: '29.9',
					desc: '这个是商品5的一段描述',
					img: 'https://cdn.pixabay.com/photo/2022/08/25/23/06/woman-7411414_1280.png',
				}]
			}
		},
		methods: {
			clickItem(e) {
				console.log('所点击商品信息:', e)
			}
		}
	}
</script>

<style scoped lang="scss">
	.uni-margin-wrap {
		width: 690rpx;
		width: 100%;
	}

	.swiper {
		height: 300rpx;
	}

	.swiper-item {
		display: block;
		height: 300rpx;
		line-height: 300rpx;
		text-align: center;
	}
</style>